<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
  <div class="row">
    <ol class="breadcrumb">
      <li><a href="#"><span class="glyphicon glyphicon-user"></span></a></li>
      <li class="active">用户管理</li>
    </ol>
  </div><!--/.row-->

  <div class="row">
    <div class="col-lg-12">
      <div class="panel panel-default">
        <div class="panel-heading">
          <button  class="button btn btn-info glyphicon glyphicon-plus fa" id="btn-add">新增用户</button>
        </div>
        <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="modal fade" id="table-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content modal-table">
              <div class="modal-header">

              </div>
              <div class="modal-body">
                <form action="index.html" id="userForm" class="form-horizontal">
                  <div class="form-group">
                    <label for="role-name" class="control-label col-sm-2 ">角色名:</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control border-input" id="role-name" >
                    </div>
                  </div>
                </form>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
                <button type="submit" class="btn btn-primary" onclick="submitForm()">确定</button>
              </div>
            </div>
          </div>
        </div><!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="panel-body">
          <table data-toggle="table"   data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc">
            <thead>
            <tr>
              <th >#ID</th>
              <th data-field="id" data-sortable="true">用户名</th>
              <th data-field="name"  data-sortable="true">密码</th>
              <th data-field="" data-sortable="true">操作</th>
            </tr>
            </thead>
            <tbody id="dataList">

            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div><!--/.row-->
</div><!--/.main-->